<template>
    <p>这是一个Bob组件</p>
    <slot name="header" :sonName="name"> 这是子组件header的默认内容</slot>
    <p>中间部分</p>
    <p>子组件的name -{{ name }}</p>
    <slot name="Footer">这是子组件的默认内容</slot>
</template>


<script>
export default{
    data(){
    return {
        name:'Bob'
      }
  }

}

</script>